<div>
  <div class="col-sm-12 form-section-title"> Azure configuration </div>
  <!-- applicationId-input -->
  <div class="form-group">
    <label for="azure_credential_appid" class="col-sm-3 col-lg-2 control-label text-left">Application ID</label>
    <div class="col-sm-9 col-lg-10">
      <input
        type="text"
        class="form-control"
        name="azure_credential_appid"
        ng-model="$ctrl.applicationId"
        placeholder="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
        required
        data-cy="azure-credential-appid-input"
      />
    </div>
  </div>
  <!-- !applicationId-input -->
  <!-- tenantId-input -->
  <div class="form-group">
    <label for="azure_credential_tenantid" class="col-sm-3 col-lg-2 control-label text-left">Tenant ID</label>
    <div class="col-sm-9 col-lg-10">
      <input
        type="text"
        class="form-control"
        name="azure_credential_tenantid"
        ng-model="$ctrl.tenantId"
        placeholder="xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx"
        required
        data-cy="azure-credential-tenantid-input"
      />
    </div>
  </div>
  <!-- !tenantId-input -->
  <!-- authenticationkey-input -->
  <div class="form-group">
    <label for="azure_credential_authkey" class="col-sm-3 col-lg-2 control-label text-left">Authentication key</label>
    <div class="col-sm-9 col-lg-10">
      <input
        type="text"
        data-cy="azure-credential-authkey-input"
        class="form-control"
        name="azure_credential_authkey"
        ng-model="$ctrl.authenticationKey"
        placeholder="cOrXoK/1D35w8YQ8nH1/8ZGwzz45JIYD5jxHKXEQknk="
        required
      />
    </div>
  </div>
  <!-- !authenticationkey-input -->
</div>
